@import './common';

.createBox{
	min-height: 100%;
	background: $thirdBgWin;
	padding: 0 setSize(30) setSize(140);
	.type_item{
		border:1px solid $thirdBgWin;
		box-sizing: border-box;
		position: relative;
		display: flex;
		margin-bottom: setSize(12);
		background: $bgWin;
		padding: setSize(12) setSize(50) setSize(46) setSize(20);
	}
	.item_active{
		border:1px dashed $otherTextColor;
		background: #38393A;
    .serial{
    	background: $mainColor;
    	color: $bgWin;
    	border-color: #fff;
    }
    .rule_name{
    	color: $mainColor;
    }
    .rule_introduction{
    	color: $textColor;
    }
	}
	.img_check{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: setSize(125);
	}
	.serial{
		font-size: setSize(30);
		width: setSize(38);
		height: setSize(38);
		text-align: center;
		line-height: setSize(38);
		margin-right: setSize(20);
		background: #38393A;
		border-radius: 50%;
		border:setSize(4) solid $subTextColor;
		/*position: relative;*/
		margin-top: setSize(5);
	}
	.award_rule{
		width: setSize(560); 
		color: $otherTextColor;
		.rule_name{
			font-size: setSize(36);
			font-weight: bold;
		}
		.rule_introduction{
			font-size: setSize(24);
			margin:setSize(20) 0 setSize(15);
		}
		.rule_detail{
			font-size: setSize(22);
		}
	}
}
.type_title{
	line-height: setSize(78);
	font-size: setSize(30);
	margin-bottom: setSize(20);
}

.ruleDetail{
	margin-top: setSize(60);
	font-size: setSize(24);
	line-height: 2;
	.ruleTitle{
		text-align: center;
	  margin-bottom: setSize(26);
	  font-size: setSize(26);
	}
}


/*挑战赛表单*/
.challengeFormBox{
	min-height: 100%;
	background: $thirdBgWin;
	padding-bottom: setSize(140);
	.formTitle{
		padding: 0 setSize(30);
		font-size: setSize(26);
		line-height: setSize(78);
		color: $textColor;
	}
	.create_type{
		background: $bgWin;
		margin-bottom: 1px;
		padding: 0 setSize(30);
	}
	.challengeType{
  	display: flex;
  	justify-content: space-between;
  	padding-bottom: setSize(20);
  	.imgBox{
  		width: setSize(336);
  		position: relative;
  		>image{
        width: setSize(336);
        height: setSize(190);
        background: #ddd;
        border-radius: setSize(8);
  		}
  		.word{
  			width: 100%;
  			text-align: center;
  			font-size: setSize(40);
  			color: $bgWin;
  			position: absolute;
  			top: 50%;
  			left: 50%;
  			-webkit-transform: translate(-50%,-50%);
  			   -moz-transform: translate(-50%,-50%);
  			    -ms-transform: translate(-50%,-50%);
  			     -o-transform: translate(-50%,-50%);
  			        transform: translate(-50%,-50%);
  		}
  	}
  }
	.inputGroup{
		padding: 0 setSize(30);
		background: $bgWin;
		display: flex;
		height: setSize(100);
		align-items: center;
		margin-bottom: 1px;
		font-size: setSize(26);
		.input_title{
			width: setSize(240);
			font-size: setSize(30);
			color: $textColor;
		}
		>input{
			width: setSize(430);
			line-height: 2;
		}
		.picker{
			width: setSize(430);
			line-height: 2;
		}
		.placeholder{
			color: $otherTextColor;
		}
		.radio_box{
			width: setSize(430);
			>label{
				display: inline-block;
				width: 50%;
				color: $otherTextColor;
			}
		}
	}
	.ruleDetail{
		padding: 0 setSize(30);
	}
}

.submintFormBox{
	padding-bottom: 0;
}
.set_origin{
	text-align: center;
	padding: setSize(30) setSize(70) setSize(50);
	margin-top: setSize(30);
	background: $bgWin;
	font-size: setSize(30);
	.input_money{
		display: flex;
		align-items: center;
		font-size: setSize(72);
		padding: setSize(20) 0;
		border-bottom: 1px solid #E0E0E0;
		>input{
			font-size: setSize(72);
			flex-grow: 1;
			text-align: left;
			padding: setSize(10) setSize(20);
			height: auto;
			overflow: visible;
		}
	}
	.input_note{
		font-size: setSize(26);
		margin-top: setSize(36);
	}
}

/*按钮部分*/
.btnGroup{
	width: 100%;
	position: fixed;
	bottom:0;
	left: 0;
	z-index: 99;
  display: flex;
  >button{
  	width: 50%;
  	height: setSize(100);
  	border-radius: 0;
  	background: $mainColor;
  	font-size: setSize(34);
  }
  .service{
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	line-height: 1;
  	background: $bgWin;
  	color: #fff;
  	>image{
  		display: block;
  		width: setSize(40);
  		height: setSize(41);
  	}
  }
}

/*创建成功页面*/
.createSuccess{
	text-align: center;
	font-size: setSize(40);
	padding-top: setSize(230);
	>image{
		width: setSize(280);
		margin-bottom: setSize(40);
	}
	.checkDetail{
		font-size: setSize(36);
		height: setSize(82);
		line-height: setSize(82);
		border-radius: setSize(82);
		background: $mainColor;
		margin: setSize(60);
	}
	.link{
		font-size: setSize(26);
		line-height: 1.5;
		color: $mainColor;
		display: inline-block;
		padding: 0;
		background:none;
		border-radius: 0;
		border-bottom: 1px solid $mainColor;
	}
}